<template>
    <ul>
        <li>
            <router-link to="/shopping-cart-view">
                购物车
            </router-link>
        </li>
        <li>
            <router-link to="/collection-view">
                收藏
            </router-link>
        </li>
        <span>管理</span>
    </ul>
</template>

<script>
    export default {
        name: "ShoppingCartComLjf"
    }
</script>

<style scoped>
    ul {
        margin: 5vw auto 0;
        width: 96%;
        height: 20px;
    }
    li{
        float: left;
        margin-right: 3vw;
        line-height: 30px;
    }
    a{
        color: black;
        opacity: .8;
    }
    span{
        font-size: 14px;
        float: right;
        line-height: 30px;
    }
    .router-link-active{
        font-size: 25px;
        font-weight: 900;
    }
</style>